@import './var.scss';

$liwidth : 22px;
.a-pages{
	li{
		width: 80px;
		height: 42px;
		margin-left: 10px;
		margin-top: 10px;
		position:relative;
		cursor: pointer;
		color: $blue3;
		font-size: 14px;
		padding: 10px;
		background: #535f6b;
	}
	.edit-page {
		.iconfont {
			font-size: 14px;
		}
	}
	.active:after{
		display: inline-block;
		content: '\e618';
		font-family: "iconfont" !important;
		font-size: 20px;
		position:absolute;
		z-index: 1000;
		top: 50%;
		left: 50%;
		margin:-10px 0 0 -12px;
		color: $yellow;
	}
	.active:before{
		display: inline-block;
		content: '';
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		background:rgba(0,0,0,.3);
	}
	.page-content{
		width: 100%;
		height: 100%;
		position:relative;
		overflow: hidden;
		background:$blue2;
		span{
			display: block;
			overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
		}
	}
	.page-info{
		position:absolute;
		right: -$liwidth;
		top: 0;
		height: 100%;
		width: $liwidth;
		a{
			display: inline-block;
			width: 100%;
			height: $liwidth;
			font-size: 12px;
			color: $white;
			float: left;
			text-align: center;
			cursor: pointer;
			line-height: $liwidth;
			&.add{
				background:$blue4;
			}
			&.important{
				background:$yellow;
			}
		}
	}
}